<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>真爱梦想账户系统</title>
<head lang="cn">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="真爱梦想账户系统登录页面，包括火堆，NC，梦想盒子等等" />
<meta name="keywords" content="真爱梦想,登录" />
<meta name="author" content="sunset, 3415474@qq.com" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="登录-真爱梦想中央账户">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-itunes-app"
	content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telphone=no, email=no" />
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="msapplication-tap-highlight" content="no">
<!--[if lt IE 9]>
  		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
<script type='text/javascript' src='../../js/import.js'></script>
</head>
<body>
	<div id="headImgContent">
		<div id="navigation">
			<span id="basic">个人信息 > 头像设置</span>
		</div>
		<div id="content">
			<div id="contentInfo">
				<div class="block">
					<div class="left">
						
						<div class='previewImg' id="previewImg">
							<img id="finalImg" src="../../images/gray-head.png" width="100%">
							<input type="button" class="inputFile" id="replaceImg" value="修改">
						</div>
						<div class="btnList">
							<input type="button" class="operate redBtn" id="save" value="保存">
							
							
						</div>
					</div>
					<div class="right">
						<div id="rHeadImg" class='title'>最近使用的头像</div>
						<div class="imgList">
							<img alt="photo1" src="../../images/gray-head.png" class="pImg" id="photo1">
						</div>
						<div class="imgList">
							<img alt="photo2" src="../../images/gray-head.png" class="pImg" id="photo2">
						</div>
						<div class="imgList"> 
							<img alt="photo3" src="../../images/gray-head.png" class="pImg" id="photo3">
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>



	<!--图片裁剪框 start-->
	<div style="display: none" class="tailoring-container">
		<div class="black-cloth" onclick="closeTailor(this)"></div>
		<div class="tailoring-content">
			<div class="tailoring-content-one">
				<label title="上传图片" for="chooseImg" class="l-btn choose-btn">
					<input type="file" accept="image/jpg,image/jpeg,image/png"
					name="file" id="chooseImg" class="hidden"
					onchange="selectImg(this)"> 选择图片
				</label>
				<div class="close-tailoring" id="closeTailor"
					onclick="closeTailor(this)">×</div>
			</div>
			<div class="tailoring-content-two">
				<div class="tailoring-box-parcel">
					<img id="tailoringImg">
				</div>
				<div class="preview-box-parcel">
					<p>图片预览：</p>
					<div class="square previewImg"></div>
					<div class="circular previewImg"></div>
				</div>
			</div>
			<div class="tailoring-content-three">
				<!-- <button class="l-btn cropper-reset-btn">复位</button>
				<button class="l-btn cropper-rotate-btn">旋转</button>
				<button class="l-btn cropper-scaleX-btn">换向</button> -->
				<button class="l-btn sureCut" id="sureCut">确定</button>
			</div>
		</div>
	</div>
</body>
</html>